<!doctype html>
<html lang="en" class="feedback" xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header">
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>

<body>

<header class="mui-bar mui-bar-nav">
	<a  href="/iphone/user" class=" mui-icon  mui-pull-left"><span style="font-size: 15px">返回</span></a>
	<h1 class="mui-title">书架</h1>
</header>

<div class="mui-content">

	<!--<ul class="mui-table-view">-->
		<!--<li class="mui-table-view-cell mui-media" th:each="piaoliu:${userbooks}">-->
			<!--<a href="/iphone/driftDetial/driftinfo?userid=1&bookid=1">-->
				<!--<img class="mui-media-object mui-pull-left" th:src="${piaoliu.bookImg}">-->
				<!--<div class="mui-media-body">-->
					<!--<div th:text="${piaoliu.bookName}">书名</div>-->
					<!--<p><span th:text="${piaoliu.author}">作者</span> <span style="float: right;" th:text="'接收日期：'+${#dates.format(piaoliu.upDate,'yyyy-MM-dd')}">时间</span></p>-->
				<!--</div>-->
			<!--</a>-->
		<!--</li>-->
		<!--<li class="mui-table-view-cell mui-media" th:attr="hidden=(${userbooks==null} ? false:true)">-->
			<!--<div class="content">-->
				<!--书架上空空如也！-->
			<!--</div>-->
		<!--</li>-->
	<!--</ul>-->
	<div class="mui-row">
		 <!--th:attr="hidden=(${booklist==null} ? true:false)"-->

		<!--<h4 style="padding: 5px;text-align: center">-->
			<!--<a href="/iphone/stack"><font color="black">本周推荐</font></a>-->
		<!--</h4>-->
		<ul class="mui-table-view mui-grid-view">
			<li class="mui-table-view-cell mui-media mui-col-xs-4" th:each="tuijian : ${booklist}">
				<a th:href="'/iphone/bookinfo/'+${tuijian.bookId}">
					<img class="mui-media-object" src="img/about-zuixin-02.jpg" th:src="${tuijian.bookImg}"
						 style="width: 40%"
						 style="padding: 10px;">

					<div class="mui-media-body" th:text="${tuijian.bookName}">
						品读经典，品味人生
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media" th:attr="hidden=(${userbooks==null} ? false:true)">
				<div class="content" style="text-align: center">
					书架上空空如也！
				</div>
			</li>
		</ul>
	</div>

</div>
</body>

<script src="/js/phone/mui.min.js"></script>
<script type="text/javascript">
    mui.init()
</script>

</html>